﻿<!DOCTYPE html>
<html>
  <head>
    <title>输入框</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/输入框/styles.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
@font-face {
font-family:Ionicons;
src:url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.svg#Ionicons) format("svg");
font-weight:400;
font-style:normal
}
    </style>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/输入框/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Header) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u3629" class="ax_default">
        <div id="u3629_state0" class="panel_state" data-label="State1" style="">
          <div id="u3629_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3630" class="ax_default box_2">
              <div id="u3630_div" class=""></div>
              <div id="u3630_text" class="text ">
                <p><span>&nbsp; 返回顶部</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u3631" class="ax_default paragraph">
              <div id="u3631_div" class=""></div>
              <div id="u3631_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- header (Dynamic Panel) -->
      <div id="u3632" class="ax_default" data-label="header">
        <div id="u3632_state0" class="panel_state" data-label="State1" style="">
          <div id="u3632_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3633" class="ax_default box_1">
              <div id="u3633_div" class=""></div>
              <div id="u3633_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u3634" class="ax_default">
              <div id="u3634_state0" class="panel_state" data-label="State1" style="">
                <div id="u3634_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3635" class="ax_default box_1">
                    <div id="u3635_div" class=""></div>
                    <div id="u3635_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3636" class="ax_default box_1">
                    <div id="u3636_div" class=""></div>
                    <div id="u3636_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3637" class="ax_default box_1">
                    <div id="u3637_div" class=""></div>
                    <div id="u3637_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3638" class="ax_default box_1">
                    <img id="u3638_img" class="img " src="images/index/u10.svg"/>
                    <div id="u3638_text" class="text ">
                      <p><span>View UI Axure Library</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u3639" class="ax_default image">
                    <img id="u3639_img" class="img " src="images/index/u11.png"/>
                    <div id="u3639_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3640" class="ax_default paragraph">
                    <div id="u3640_div" class=""></div>
                    <div id="u3640_text" class="text ">
                      <p><span>iView Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="u3628" style="display:none; visibility:hidden;"></div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3641" class="ax_default box_1">
        <div id="u3641_div" class=""></div>
        <div id="u3641_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SideNav) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u3643" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3643_div" class=""></div>
        <div id="u3643_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3644" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3644_div" class=""></div>
        <div id="u3644_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">通知提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3645" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3645_div" class=""></div>
        <div id="u3645_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">全局提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3646" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3646_div" class=""></div>
        <div id="u3646_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">警告提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3647" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-light">
        <div id="u3647_div" class=""></div>
        <div id="u3647_text" class="text ">
          <p><span>视图</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3648" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3648_div" class=""></div>
        <div id="u3648_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3649" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3649_div" class=""></div>
        <div id="u3649_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">颜色选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3650" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3650_div" class=""></div>
        <div id="u3650_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">上传</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3651" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3651_div" class=""></div>
        <div id="u3651_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">评分</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3652" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3652_div" class=""></div>
        <div id="u3652_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">数字输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3653" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3653_div" class=""></div>
        <div id="u3653_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">穿梭框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3654" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3654_div" class=""></div>
        <div id="u3654_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">级联选择</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3655" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3655_div" class=""></div>
        <div id="u3655_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3656" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3656_div" class=""></div>
        <div id="u3656_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">日期选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3657" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3657_div" class=""></div>
        <div id="u3657_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">滑块</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3658" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3658_div" class=""></div>
        <div id="u3658_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3659" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3659_div" class=""></div>
        <div id="u3659_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3660" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3660_div" class=""></div>
        <div id="u3660_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">开关</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3661" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3661_div" class=""></div>
        <div id="u3661_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">多选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3662" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3662_div" class=""></div>
        <div id="u3662_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3663" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3663_div" class=""></div>
        <div id="u3663_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3664" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-light">
        <div id="u3664_div" class=""></div>
        <div id="u3664_text" class="text ">
          <p><span>表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3665" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3665_div" class=""></div>
        <div id="u3665_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3666" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3666_div" class=""></div>
        <div id="u3666_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">锚点</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3667" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3667_div" class=""></div>
        <div id="u3667_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">徽标数</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3668" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3668_div" class=""></div>
        <div id="u3668_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面包屑</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3669" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3669_div" class=""></div>
        <div id="u3669_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3670" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3670_div" class=""></div>
        <div id="u3670_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3671" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3671_div" class=""></div>
        <div id="u3671_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3672" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3672_div" class=""></div>
        <div id="u3672_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">导航菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3673" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-light">
        <div id="u3673_div" class=""></div>
        <div id="u3673_text" class="text ">
          <p><span>导航</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3674" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3674_div" class=""></div>
        <div id="u3674_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单元格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3675" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3675_div" class=""></div>
        <div id="u3675_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分割线</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3676" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3676_div" class=""></div>
        <div id="u3676_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面板分割</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3677" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3677_div" class=""></div>
        <div id="u3677_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">折叠面板</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3678" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3678_div" class=""></div>
        <div id="u3678_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">卡片</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3679" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3679_div" class=""></div>
        <div id="u3679_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3680" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3680_div" class=""></div>
        <div id="u3680_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">栅格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3681" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-light">
        <div id="u3681_div" class=""></div>
        <div id="u3681_text" class="text ">
          <p><span>布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3682" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3682_div" class=""></div>
        <div id="u3682_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3683" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3683_div" class=""></div>
        <div id="u3683_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3684" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3684_div" class=""></div>
        <div id="u3684_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">字体</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3685" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3685_div" class=""></div>
        <div id="u3685_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">色彩</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3686" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-light">
        <div id="u3686_div" class=""></div>
        <div id="u3686_text" class="text ">
          <p><span>基础</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3687" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-light">
        <div id="u3687_div" class=""></div>
        <div id="u3687_text" class="text ">
          <p><span>组件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3688" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3688_div" class=""></div>
        <div id="u3688_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3689" class="ax_default box_1 selected" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3689_div" class="selected"></div>
        <div id="u3689_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3690" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-light">
        <div id="u3690_div" class=""></div>
        <div id="u3690_text" class="text ">
          <p><span>入门介绍</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3691" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3691_div" class=""></div>
        <div id="u3691_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3692" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3692_div" class=""></div>
        <div id="u3692_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">树形控件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3693" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3693_div" class=""></div>
        <div id="u3693_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">文字提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3694" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3694_div" class=""></div>
        <div id="u3694_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">气泡提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3695" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3695_div" class=""></div>
        <div id="u3695_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3696" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3696_div" class=""></div>
        <div id="u3696_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3697" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3697_div" class=""></div>
        <div id="u3697_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3698" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3698_div" class=""></div>
        <div id="u3698_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">走马灯</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3699" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3699_div" class=""></div>
        <div id="u3699_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间轴</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3700" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3700_div" class=""></div>
        <div id="u3700_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">相对时间</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3701" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3701_div" class=""></div>
        <div id="u3701_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度环</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3702" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3702_div" class=""></div>
        <div id="u3702_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图钉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3703" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3703_div" class=""></div>
        <div id="u3703_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">返回顶部</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3704" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3704_div" class=""></div>
        <div id="u3704_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">加载中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3705" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3705_div" class=""></div>
        <div id="u3705_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">无限滚动</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3706" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-light">
        <div id="u3706_div" class=""></div>
        <div id="u3706_text" class="text ">
          <p><span>图表</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3707" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-light">
        <div id="u3707_div" class=""></div>
        <div id="u3707_text" class="text ">
          <p><span>其他</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3708" class="ax_default box_1" selectiongroup="u3642nav-cebianlan-fenzu-light">
        <div id="u3708_div" class=""></div>
        <div id="u3708_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">列表</span></p>
        </div>
      </div>
      <div id="u3642" style="display:none; visibility:hidden;"></div>

      <!-- Unnamed (Footer) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u3710" class="ax_default">
        <div id="u3710_state0" class="panel_state" data-label="State1" style="">
          <div id="u3710_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3711" class="ax_default box_1">
              <div id="u3711_div" class=""></div>
              <div id="u3711_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u3712" class="ax_default">
              <div id="u3712_state0" class="panel_state" data-label="State1" style="">
                <div id="u3712_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3713" class="ax_default box_1">
                    <div id="u3713_div" class=""></div>
                    <div id="u3713_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3714" class="ax_default label">
                    <div id="u3714_div" class=""></div>
                    <div id="u3714_text" class="text ">
                      <p><span>Axure组件库由 baozipm制作</span></p><p><span>UI与交互由iView团队设计</span></p><p><span>图标由Ionicon团队设计</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3715" class="ax_default label">
                    <div id="u3715_div" class=""></div>
                    <div id="u3715_text" class="text ">
                      <p><span>Contract Me</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u3716" class="ax_default" data-left="1" data-top="80" data-width="151" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3717" class="ax_default label">
                      <div id="u3717_div" class=""></div>
                      <div id="u3717_text" class="text ">
                        <p><span>bosenger@qq.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3718" class="ax_default paragraph">
                      <div id="u3718_div" class=""></div>
                      <div id="u3718_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3719" class="ax_default label">
                    <div id="u3719_div" class=""></div>
                    <div id="u3719_text" class="text ">
                      <p><span>Copyright</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3720" class="ax_default label">
                    <div id="u3720_div" class=""></div>
                    <div id="u3720_text" class="text ">
                      <p><span>BaoziPM</span></p><p><span>iView</span></p><p><span>Ionicon</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3721" class="ax_default label">
                    <div id="u3721_div" class=""></div>
                    <div id="u3721_text" class="text ">
                      <p><span>相关站点</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u3722" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u3723" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u3724" class="ax_default">
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3725" class="ax_default label">
                    <div id="u3725_div" class=""></div>
                    <div id="u3725_text" class="text ">
                      <p><span>版本号4.0</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u3726" class="ax_default" data-left="0" data-top="106" data-width="154" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3727" class="ax_default label">
                      <div id="u3727_div" class=""></div>
                      <div id="u3727_text" class="text ">
                        <p><span>www.baozipm.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3728" class="ax_default paragraph">
                      <div id="u3728_div" class=""></div>
                      <div id="u3728_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u3729" class="ax_default" data-left="1" data-top="134" data-width="131" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3730" class="ax_default label">
                      <div id="u3730_div" class=""></div>
                      <div id="u3730_text" class="text ">
                        <p><span>iView Axure Git</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3731" class="ax_default paragraph">
                      <div id="u3731_div" class=""></div>
                      <div id="u3731_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u3732" class="ax_default image">
                    <img id="u3732_img" class="img " src="images/index/u11.png"/>
                    <div id="u3732_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3733" class="ax_default box_1">
                    <img id="u3733_img" class="img " src="images/index/u10.svg"/>
                    <div id="u3733_text" class="text ">
                      <p><span>View UI Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="u3709" style="display:none; visibility:hidden;"></div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3734" class="ax_default heading_1">
        <div id="u3734_div" class=""></div>
        <div id="u3734_text" class="text ">
          <p><span>Input 输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3735" class="ax_default heading_1">
        <div id="u3735_div" class=""></div>
        <div id="u3735_text" class="text ">
          <p><span>概述</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3736" class="ax_default label">
        <div id="u3736_div" class=""></div>
        <div id="u3736_text" class="text ">
          <p><span>基本表单组件，支持 input 和 textarea，并在原生控件基础上进行了功能扩展，可以组合使用。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3737" class="ax_default label">
        <div id="u3737_div" class=""></div>
        <div id="u3737_text" class="text ">
          <p><span>基础用法</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3738" class="ax_default label">
        <div id="u3738_div" class=""></div>
        <div id="u3738_text" class="text ">
          <p><span>由于Axure对于输入框样式的支持很弱，所以输入框使用形状和输入框联合实现。</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3739" class="ax_default" data-left="230" data-top="345" data-width="325" data-height="32">

        <!-- input-border (Rectangle) -->
        <div id="u3740" class="ax_default box_1" data-label="input-border">
          <div id="u3740_div" class=""></div>
          <div id="u3740_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Text Field) -->
        <div id="u3741" class="ax_default text_field">
          <div id="u3741_div" class=""></div>
          <input id="u3741_input" type="text" value="" class="u3741_input"/>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3742" class="ax_default label">
        <div id="u3742_div" class=""></div>
        <div id="u3742_text" class="text ">
          <p><span>尺寸</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3743" class="ax_default label">
        <div id="u3743_div" class=""></div>
        <div id="u3743_text" class="text ">
          <p><span>输入框有三种尺寸：大、默认（中）、小</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3744" class="ax_default" data-left="972" data-top="345" data-width="160" data-height="32">

        <!-- input-border (Rectangle) -->
        <div id="u3745" class="ax_default box_1" data-label="input-border">
          <div id="u3745_div" class=""></div>
          <div id="u3745_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Text Field) -->
        <div id="u3746" class="ax_default text_field">
          <div id="u3746_div" class=""></div>
          <input id="u3746_input" type="text" value="" class="u3746_input"/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3747" class="ax_default" data-left="800" data-top="345" data-width="160" data-height="36">

        <!-- input-border (Rectangle) -->
        <div id="u3748" class="ax_default box_1" data-label="input-border">
          <div id="u3748_div" class=""></div>
          <div id="u3748_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Text Field) -->
        <div id="u3749" class="ax_default text_field">
          <div id="u3749_div" class=""></div>
          <input id="u3749_input" type="text" value="" class="u3749_input"/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3750" class="ax_default" data-left="1142" data-top="345" data-width="160" data-height="24">

        <!-- input-border (Rectangle) -->
        <div id="u3751" class="ax_default box_1" data-label="input-border">
          <div id="u3751_div" class=""></div>
          <div id="u3751_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Text Field) -->
        <div id="u3752" class="ax_default text_field">
          <div id="u3752_div" class=""></div>
          <input id="u3752_input" type="text" value="" class="u3752_input"/>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3753" class="ax_default label">
        <div id="u3753_div" class=""></div>
        <div id="u3753_text" class="text ">
          <p><span>可清空</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3754" class="ax_default label">
        <div id="u3754_div" class=""></div>
        <div id="u3754_text" class="text ">
          <p><span>通过输入框的Onfocus事件制作的清空效果</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3755" class="ax_default" data-left="230" data-top="478" data-width="325" data-height="32">

        <!-- input-border (Rectangle) -->
        <div id="u3756" class="ax_default box_1" data-label="input-border">
          <div id="u3756_div" class=""></div>
          <div id="u3756_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Text Field) -->
        <div id="u3757" class="ax_default text_field">
          <div id="u3757_div" class=""></div>
          <input id="u3757_input" type="text" value="" class="u3757_input"/>
        </div>

        <!-- input-clear-btn (Ellipse) -->
        <div id="u3758" class="ax_default ellipse ax_default_hidden" data-label="input-clear-btn" style="display:none; visibility: hidden">
          <img id="u3758_img" class="img " src="images/输入框/input-clear-btn_u3758.svg"/>
          <div id="u3758_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3759" class="ax_default label">
        <div id="u3759_div" class=""></div>
        <div id="u3759_text" class="text ">
          <p><span>带Icon的输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3760" class="ax_default label">
        <div id="u3760_div" class=""></div>
        <div id="u3760_text" class="text ">
          <p><span>可以在背景框中输入字符或图标来增加指示内容</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3761" class="ax_default" data-left="800" data-top="478" data-width="225" data-height="32">

        <!-- input-border (Rectangle) -->
        <div id="u3762" class="ax_default box_1" data-label="input-border">
          <div id="u3762_div" class=""></div>
          <div id="u3762_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Text Field) -->
        <div id="u3763" class="ax_default text_field">
          <div id="u3763_div" class=""></div>
          <input id="u3763_input" type="text" value="" class="u3763_input"/>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3764" class="ax_default label">
        <div id="u3764_div" class=""></div>
        <div id="u3764_text" class="text ">
          <p><span>前缀和后缀图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3765" class="ax_default label">
        <div id="u3765_div" class=""></div>
        <div id="u3765_text" class="text ">
          <p><span>通过设置背景边框左或右对齐并调整输入框位置来实现</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3766" class="ax_default" data-left="230" data-top="611" data-width="160" data-height="32">

        <!-- input-border (Rectangle) -->
        <div id="u3767" class="ax_default box_1" data-label="input-border">
          <div id="u3767_div" class=""></div>
          <div id="u3767_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Text Field) -->
        <div id="u3768" class="ax_default text_field">
          <div id="u3768_div" class=""></div>
          <input id="u3768_input" type="text" value="" class="u3768_input"/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3769" class="ax_default" data-left="403" data-top="611" data-width="160" data-height="32">

        <!-- input-border (Rectangle) -->
        <div id="u3770" class="ax_default box_1" data-label="input-border">
          <div id="u3770_div" class=""></div>
          <div id="u3770_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Text Field) -->
        <div id="u3771" class="ax_default text_field">
          <div id="u3771_div" class=""></div>
          <input id="u3771_input" type="text" value="" class="u3771_input"/>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3772" class="ax_default label">
        <div id="u3772_div" class=""></div>
        <div id="u3772_text" class="text ">
          <p><span>搜索框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3773" class="ax_default label">
        <div id="u3773_div" class=""></div>
        <div id="u3773_text" class="text ">
          <p><span>在输入框的右边增加按钮，并调整圆角即可实现</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3774" class="ax_default" data-left="800" data-top="612" data-width="325" data-height="32">

        <!-- input-border (Rectangle) -->
        <div id="u3775" class="ax_default box_1" data-label="input-border">
          <div id="u3775_div" class=""></div>
          <div id="u3775_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Text Field) -->
        <div id="u3776" class="ax_default text_field">
          <div id="u3776_div" class=""></div>
          <input id="u3776_input" type="text" value="" class="u3776_input"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3777" class="ax_default box_1">
          <img id="u3777_img" class="img " src="images/输入框/u3777.svg"/>
          <div id="u3777_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3778" class="ax_default" data-left="800" data-top="654" data-width="368" data-height="32">

        <!-- Unnamed (Group) -->
        <div id="u3779" class="ax_default" data-left="800" data-top="654" data-width="325" data-height="32">

          <!-- input-border (Rectangle) -->
          <div id="u3780" class="ax_default box_1" data-label="input-border">
            <div id="u3780_div" class=""></div>
            <div id="u3780_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (Text Field) -->
          <div id="u3781" class="ax_default text_field">
            <div id="u3781_div" class=""></div>
            <input id="u3781_input" type="text" value="" class="u3781_input"/>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3782" class="ax_default box_1">
          <div id="u3782_div" class=""></div>
          <div id="u3782_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3783" class="ax_default" data-left="800" data-top="696" data-width="392" data-height="32">

        <!-- Unnamed (Group) -->
        <div id="u3784" class="ax_default" data-left="800" data-top="696" data-width="325" data-height="32">

          <!-- input-border (Rectangle) -->
          <div id="u3785" class="ax_default box_1" data-label="input-border">
            <div id="u3785_div" class=""></div>
            <div id="u3785_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (Text Field) -->
          <div id="u3786" class="ax_default text_field">
            <div id="u3786_div" class=""></div>
            <input id="u3786_input" type="text" value="" class="u3786_input"/>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3787" class="ax_default box_1">
          <div id="u3787_div" class=""></div>
          <div id="u3787_text" class="text ">
            <p><span>Search</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3788" class="ax_default" data-left="230" data-top="858" data-width="300" data-height="80">

        <!-- input-area-border (Rectangle) -->
        <div id="u3789" class="ax_default box_1" data-label="input-area-border">
          <div id="u3789_div" class=""></div>
          <div id="u3789_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Text Area) -->
        <div id="u3790" class="ax_default text_area">
          <div id="u3790_div" class=""></div>
          <textarea id="u3790_input" class="u3790_input"></textarea>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3791" class="ax_default label">
        <div id="u3791_div" class=""></div>
        <div id="u3791_text" class="text ">
          <p><span>文本域</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3792" class="ax_default label">
        <div id="u3792_div" class=""></div>
        <div id="u3792_text" class="text ">
          <p><span>Axure无法支持支持拖拽调整文本域大小的同时改变边框，所以调整大小的动效暂时不支持。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3793" class="ax_default label">
        <div id="u3793_div" class=""></div>
        <div id="u3793_text" class="text ">
          <p><span>禁用状态</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3794" class="ax_default label">
        <div id="u3794_div" class=""></div>
        <div id="u3794_text" class="text ">
          <p><span>由于文本框的disabled状态和外框的disabled状态无法同步样式，所以对于禁用状态的输入框单独做了一份样式。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3795" class="ax_default box_1">
        <div id="u3795_div" class=""></div>
        <div id="u3795_text" class="text ">
          <p><span>Enter something...</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3796" class="ax_default box_1">
        <div id="u3796_div" class=""></div>
        <div id="u3796_text" class="text ">
          <p><span>Enter something...</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3797" class="ax_default label">
        <div id="u3797_div" class=""></div>
        <div id="u3797_text" class="text ">
          <p><span>复合型输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3798" class="ax_default label">
        <div id="u3798_div" class=""></div>
        <div id="u3798_text" class="text ">
          <p><span>在输入框的外部增加按钮或文本框即可</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3799" class="ax_default" data-left="230" data-top="1065" data-width="441" data-height="32">

        <!-- input-border (Rectangle) -->
        <div id="u3800" class="ax_default box_1" data-label="input-border">
          <div id="u3800_div" class=""></div>
          <div id="u3800_text" class="text ">
            <p><span>http://</span></p>
          </div>
        </div>

        <!-- input-border (Rectangle) -->
        <div id="u3801" class="ax_default box_1" data-label="input-border">
          <div id="u3801_div" class=""></div>
          <div id="u3801_text" class="text ">
            <p><span>.com</span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u3802" class="ax_default" data-left="294" data-top="1065" data-width="325" data-height="32">

          <!-- input-border (Rectangle) -->
          <div id="u3803" class="ax_default box_1" data-label="input-border">
            <div id="u3803_div" class=""></div>
            <div id="u3803_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (Text Field) -->
          <div id="u3804" class="ax_default text_field">
            <div id="u3804_div" class=""></div>
            <input id="u3804_input" type="text" value="" class="u3804_input"/>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3805" class="ax_default" data-left="230" data-top="1107" data-width="479" data-height="32">

        <!-- input-border (Rectangle) -->
        <div id="u3806" class="ax_default box_1" data-label="input-border">
          <div id="u3806_div" class=""></div>
          <div id="u3806_text" class="text ">
            <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">http://&nbsp; </span><span style="font-family:'Ionicons';"></span></p>
          </div>
        </div>

        <!-- input-border (Rectangle) -->
        <div id="u3807" class="ax_default box_1" data-label="input-border">
          <div id="u3807_div" class=""></div>
          <div id="u3807_text" class="text ">
            <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">.com&nbsp; </span><span style="font-family:'Ionicons';"></span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u3808" class="ax_default" data-left="317" data-top="1107" data-width="325" data-height="32">

          <!-- input-border (Rectangle) -->
          <div id="u3809" class="ax_default box_1" data-label="input-border">
            <div id="u3809_div" class=""></div>
            <div id="u3809_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (Text Field) -->
          <div id="u3810" class="ax_default text_field">
            <div id="u3810_div" class=""></div>
            <input id="u3810_input" type="text" value="" class="u3810_input"/>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3811" class="ax_default" data-left="230" data-top="1149" data-width="427" data-height="32">

        <!-- input-border (Rectangle) -->
        <div id="u3812" class="ax_default box_1" data-label="input-border">
          <div id="u3812_div" class=""></div>
          <div id="u3812_text" class="text ">
            <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">Day&nbsp; </span><span style="font-family:'Ionicons';"></span></p>
          </div>
        </div>

        <!-- input-border (Rectangle) -->
        <div id="u3813" class="ax_default box_1" data-label="input-border">
          <div id="u3813_div" class=""></div>
          <div id="u3813_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u3814" class="ax_default" data-left="298" data-top="1149" data-width="325" data-height="32">

          <!-- input-border (Rectangle) -->
          <div id="u3815" class="ax_default box_1" data-label="input-border">
            <div id="u3815_div" class=""></div>
            <div id="u3815_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (Text Field) -->
          <div id="u3816" class="ax_default text_field">
            <div id="u3816_div" class=""></div>
            <input id="u3816_input" type="text" value="" class="u3816_input"/>
          </div>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
